@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <div class="row">
                <input id="id" value="${item.id}" type="hidden">
                <input id="durationValue" value="${item.duration}" type="hidden">
                <input id="statusValue" value="${item.status}" type="hidden">
                <input id="packageType" value="${item.packageType}" type="hidden">
                <input id="discountId" value="${item.discountId}" type="hidden">
                <input id="etShowSortValue" value="${item.showSort}" type="hidden">
                <input id="discountStatus" value="${item.discountStatus}" type="hidden">
                <div class="col-sm-6 b-r">
                    <div style="display: flex;flex-direction: row">
                        <h4 style="width: 100px;">套餐名称</h4>
                        <input id="packageName" style="width: 220px;height: 30px;" value="${item.packageName}"/>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">英文名称</h4>
                        <input id="englishName" style="width: 220px;height: 30px;" value="${item.englishName}"/>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">繁体名称</h4>
                        <input id="taiwanName" style="width: 220px;height: 30px;" value="${item.taiwanName}"/>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">设备数量</h4>
                        <input id="deviceCount" type="number" style="width: 220px;height: 30px;" value="${item.deviceCount}"/>
                    </div>

                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">有效期(天)</h4>
                        <select id="duration" style="width: 220px;height: 30px;">
                            <option value="7">7</option>
                            <option value="30">30</option>
                            <option value="90">90</option>
                            <option value="180">180</option>
                            <option value="365">365</option>
                        </select>
                    </div>

                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">状态</h4>
                        <select id="status" style="width: 220px;height: 30px;">
                            <option value="0">下线</option>
                            <option value="1">上线</option>
                        </select>
                    </div>

                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">展示顺序</h4>
                        <select id="etShowSort" style="width: 220px;height: 30px;">
                            <option>选择展示顺序</option>
                        </select>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">产品ID</h4>
                        <input id="appleProductId" style="width: 220px;height: 30px;" value="${item.appleProductId}"/>
                    </div>
                </div>

                <div class="col-sm-6">

                    <div style="display: flex;flex-direction: row">
                        <h4 style="width: 100px;">原价（美元）</h4>
                        <input id="price" type="number" style="width: 220px;height: 30px;" value="${item.price}"/>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">原价（港币）</h4>
                        <input id="hkPrice" type="number" style="width: 220px;height: 30px;" value="${item.hkPrice}"/>
                    </div>

                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">折扣</h4>
                        <input id="discount" type="number" style="width: 220px;height: 30px;" placeholder="0-1之间小数" value="${item.discount}"/>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">折扣开始</h4>
                        <input id="startTime" style="width: 220px;height: 30px;" value="${item.startTime}"/>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">折扣结束</h4>
                        <input id="endTime" style="width: 220px;height: 30px;" value="${item.endTime}"/>
                    </div>

                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">折扣提示（简）</h4>
                        <input id="hintZh" maxlength="8" style="width: 220px;height: 30px;" placeholder="5-8个字符" value="${item.hintZh}"/>
                    </div>

                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">折扣提示（英）</h4>
                        <input id="hintEn" maxlength="8" style="width: 220px;height: 30px;" placeholder="5-8个字符" value="${item.hintEn}"/>
                    </div>

                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 100px;">折扣提示（繁）</h4>
                        <input id="hintTw" maxlength="8" style="width: 220px;height: 30px;" placeholder="5-8个字符" value="${item.hintTw}"/>
                    </div>


                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="VpnPackageInfoInfoDlg.editSubmit()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/layui/layui.js" charset="utf-8"></script>
<script src="${ctxPath}/static/modular/vpn_package_info/vpnPackageInfo/vpnPackageInfo_info.js"></script>
<script type="text/javascript">
    $(function () {
        $("#duration").val($("#durationValue").val());
        $("#status").val($("#statusValue").val());
    });

    layui.use('laydate', function() {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#startTime',
            type:'datetime'
        });
        laydate.render({
            elem: '#endTime',type:'datetime'
        });
    });
</script>
@}
